<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1548732" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">竖条</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">分析报表</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">流程</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">配色</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">分析结果</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">确认</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">质量</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e3;</span>
                <div class="name">补考勤</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">通知</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">报名</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80d;</span>
                <div class="name">招聘管理</div>
                <div class="code-name">&amp;#xe80d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">查薪资</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">配置</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">取消</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">照片 (3)</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">绩效</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">定制</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe977;</span>
                <div class="name">筛选</div>
                <div class="code-name">&amp;#xe977;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">通知</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">薪资</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">取消签发</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77c;</span>
                <div class="name">分析报表</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">日历管理</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9d2;</span>
                <div class="name">检测</div>
                <div class="code-name">&amp;#xe9d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">属性查看</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">系统设置</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">福利</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">便签gai</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
                <div class="name">结束</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">流程</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">反馈</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">数据报表，数据统计</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">组织管理</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">职员管理</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">下 拉</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">分配</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">项目</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">直角三角形</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">面试</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">通知</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">培训计划</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">有效</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">分析</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">转入</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">其他</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">竖条</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">07高管变动</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">用户设置</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">K生成编码</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">定制报表</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb07;</span>
                <div class="name">重新</div>
                <div class="code-name">&amp;#xeb07;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">刷卡管理</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">销假</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">项目</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">考勤管理</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe800;</span>
                <div class="name">招聘计划</div>
                <div class="code-name">&amp;#xe800;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">照片</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">人事管理</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">培训计划</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb0b;</span>
                <div class="name">手动</div>
                <div class="code-name">&amp;#xeb0b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">开始</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">历史查询</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">报表</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">删 除</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">组织结构树</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">报表统计</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">薪资计算</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">计件工资</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">人才库</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dd;</span>
                <div class="name">处理</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">表</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
                <div class="name">产量报表</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">项目</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">流程</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">失效</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">流程</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">今日考勤</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">本月考勤</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">内部竞聘</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">语言</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72d;</span>
                <div class="name">配置</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">oa</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">查看</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">下  拉</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe784;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe784;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">测评</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">封锁</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">收缩</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">单独表单设计_剪影</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">OA</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">生成单号</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">组织</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">语言 (3) copy 10</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">关 闭</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86b;</span>
                <div class="name">反馈</div>
                <div class="code-name">&amp;#xe86b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8cc;</span>
                <div class="name">链接</div>
                <div class="code-name">&amp;#xe8cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">退宿</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">规划 icon</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">个人中心 我的  人物 标准头  面性 </div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
                <div class="name">身份验证</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">下  拉</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">审批</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">考勤数据导入</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">后台_侧边导航_查询报表@2x</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">筛选</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">icon-取消报名</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">考试设置</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">下  拉</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">下  拉</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">排班</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">终止</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">自动排班</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">排班表</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">批量确认</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">请假</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">培训管理</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">读取数据</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75f;</span>
                <div class="name">项目</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">计算</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76e;</span>
                <div class="name">40绩效考核方案</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe770;</span>
                <div class="name">40组织绩效结果分析</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">40日计件工资</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe787;</span>
                <div class="name">40月计件工资</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">数据源</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">生成</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">前一天</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">后一天</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">员工信息</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">人员</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">组织管理</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">问卷调查</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">关 闭</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">新增</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">获取</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe797;</span>
                <div class="name">获取</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">绩效核算</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">设 置</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">当天可取</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">便签</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
                <div class="name">打卡记录</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">关于</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">bg-win</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb24;</span>
                <div class="name">下 拉</div>
                <div class="code-name">&amp;#xeb24;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb25;</span>
                <div class="name">收缩</div>
                <div class="code-name">&amp;#xeb25;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb26;</span>
                <div class="name">下  拉</div>
                <div class="code-name">&amp;#xeb26;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont ante-vertical1-1"></span>
            <div class="name">
              竖条
            </div>
            <div class="code-name">.ante-vertical1-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--staana"></span>
            <div class="name">
              分析报表
            </div>
            <div class="code-name">.ante--staana
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-flow-1"></span>
            <div class="name">
              流程
            </div>
            <div class="code-name">.ante-flow-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--color"></span>
            <div class="name">
              配色
            </div>
            <div class="code-name">.ante--color
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--Fill"></span>
            <div class="name">
              分析结果
            </div>
            <div class="code-name">.ante--Fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--notarize"></span>
            <div class="name">
              确认
            </div>
            <div class="code-name">.ante--notarize
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--quality"></span>
            <div class="name">
              质量
            </div>
            <div class="code-name">.ante--quality
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-menu-3"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.ante-menu-3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--alter"></span>
            <div class="name">
              补考勤
            </div>
            <div class="code-name">.ante--alter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-inform1-1"></span>
            <div class="name">
              通知
            </div>
            <div class="code-name">.ante-inform1-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--apply"></span>
            <div class="name">
              报名
            </div>
            <div class="code-name">.ante--apply
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--engage"></span>
            <div class="name">
              招聘管理
            </div>
            <div class="code-name">.ante--engage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-home"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.ante-home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--refer"></span>
            <div class="name">
              查薪资
            </div>
            <div class="code-name">.ante--refer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-menu-2"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.ante-menu-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--defaults"></span>
            <div class="name">
              配置
            </div>
            <div class="code-name">.ante--defaults
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--cancel"></span>
            <div class="name">
              取消
            </div>
            <div class="code-name">.ante--cancel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--picture"></span>
            <div class="name">
              照片 (3)
            </div>
            <div class="code-name">.ante--picture
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--perf"></span>
            <div class="name">
              绩效
            </div>
            <div class="code-name">.ante--perf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--devise"></span>
            <div class="name">
              定制
            </div>
            <div class="code-name">.ante--devise
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--Filter1"></span>
            <div class="name">
              筛选
            </div>
            <div class="code-name">.ante--Filter1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-inform-2"></span>
            <div class="name">
              通知
            </div>
            <div class="code-name">.ante-inform-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--salary"></span>
            <div class="name">
              薪资
            </div>
            <div class="code-name">.ante--salary
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--noIssue"></span>
            <div class="name">
              取消签发
            </div>
            <div class="code-name">.ante--noIssue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--analyze"></span>
            <div class="name">
              分析报表
            </div>
            <div class="code-name">.ante--analyze
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--kalendar"></span>
            <div class="name">
              日历管理
            </div>
            <div class="code-name">.ante--kalendar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--test"></span>
            <div class="name">
              检测
            </div>
            <div class="code-name">.ante--test
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--see"></span>
            <div class="name">
              属性查看
            </div>
            <div class="code-name">.ante--see
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--set"></span>
            <div class="name">
              系统设置
            </div>
            <div class="code-name">.ante--set
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--welfare"></span>
            <div class="name">
              福利
            </div>
            <div class="code-name">.ante--welfare
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-memo1-1"></span>
            <div class="name">
              便签gai
            </div>
            <div class="code-name">.ante-memo1-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-folder"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.ante-folder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--end"></span>
            <div class="name">
              结束
            </div>
            <div class="code-name">.ante--end
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--flow"></span>
            <div class="name">
              流程
            </div>
            <div class="code-name">.ante--flow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-feedback-1"></span>
            <div class="name">
              反馈
            </div>
            <div class="code-name">.ante-feedback-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--origin"></span>
            <div class="name">
              数据报表，数据统计
            </div>
            <div class="code-name">.ante--origin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--map"></span>
            <div class="name">
              组织管理
            </div>
            <div class="code-name">.ante--map
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--clerk"></span>
            <div class="name">
              职员管理
            </div>
            <div class="code-name">.ante--clerk
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-top-1"></span>
            <div class="name">
              下 拉
            </div>
            <div class="code-name">.ante-top-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--download"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.ante--download
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--allot"></span>
            <div class="name">
              分配
            </div>
            <div class="code-name">.ante--allot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--project"></span>
            <div class="name">
              项目
            </div>
            <div class="code-name">.ante--project
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-down"></span>
            <div class="name">
              直角三角形
            </div>
            <div class="code-name">.ante-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--interview"></span>
            <div class="name">
              面试
            </div>
            <div class="code-name">.ante--interview
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-inform-1"></span>
            <div class="name">
              通知
            </div>
            <div class="code-name">.ante-inform-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--manage"></span>
            <div class="name">
              培训计划
            </div>
            <div class="code-name">.ante--manage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--valid"></span>
            <div class="name">
              有效
            </div>
            <div class="code-name">.ante--valid
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--analyzes"></span>
            <div class="name">
              分析
            </div>
            <div class="code-name">.ante--analyzes
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--Into"></span>
            <div class="name">
              转入
            </div>
            <div class="code-name">.ante--Into
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--else"></span>
            <div class="name">
              其他
            </div>
            <div class="code-name">.ante--else
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-vertical-1"></span>
            <div class="name">
              竖条
            </div>
            <div class="code-name">.ante-vertical-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--change"></span>
            <div class="name">
              07高管变动
            </div>
            <div class="code-name">.ante--change
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--deploy"></span>
            <div class="name">
              用户设置
            </div>
            <div class="code-name">.ante--deploy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--code1"></span>
            <div class="name">
              K生成编码
            </div>
            <div class="code-name">.ante--code1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--report"></span>
            <div class="name">
              定制报表
            </div>
            <div class="code-name">.ante--report
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--alter1"></span>
            <div class="name">
              重新
            </div>
            <div class="code-name">.ante--alter1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--mtc"></span>
            <div class="name">
              刷卡管理
            </div>
            <div class="code-name">.ante--mtc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--annul"></span>
            <div class="name">
              销假
            </div>
            <div class="code-name">.ante--annul
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--affair"></span>
            <div class="name">
              项目
            </div>
            <div class="code-name">.ante--affair
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--att"></span>
            <div class="name">
              考勤管理
            </div>
            <div class="code-name">.ante--att
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--projecta"></span>
            <div class="name">
              招聘计划
            </div>
            <div class="code-name">.ante--projecta
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--picasa"></span>
            <div class="name">
              照片
            </div>
            <div class="code-name">.ante--picasa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--perman"></span>
            <div class="name">
              人事管理
            </div>
            <div class="code-name">.ante--perman
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--plan"></span>
            <div class="name">
              培训计划
            </div>
            <div class="code-name">.ante--plan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--manual"></span>
            <div class="name">
              手动
            </div>
            <div class="code-name">.ante--manual
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--start"></span>
            <div class="name">
              开始
            </div>
            <div class="code-name">.ante--start
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--history"></span>
            <div class="name">
              历史查询
            </div>
            <div class="code-name">.ante--history
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--pm"></span>
            <div class="name">
              报表
            </div>
            <div class="code-name">.ante--pm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--delete"></span>
            <div class="name">
              删 除
            </div>
            <div class="code-name">.ante--delete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-document"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.ante-document
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--tree"></span>
            <div class="name">
              组织结构树
            </div>
            <div class="code-name">.ante--tree
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--stats"></span>
            <div class="name">
              报表统计
            </div>
            <div class="code-name">.ante--stats
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--count"></span>
            <div class="name">
              薪资计算
            </div>
            <div class="code-name">.ante--count
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--rate"></span>
            <div class="name">
              计件工资
            </div>
            <div class="code-name">.ante--rate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--pool"></span>
            <div class="name">
              人才库
            </div>
            <div class="code-name">.ante--pool
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--dispose"></span>
            <div class="name">
              处理
            </div>
            <div class="code-name">.ante--dispose
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--chart"></span>
            <div class="name">
              表
            </div>
            <div class="code-name">.ante--chart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--register"></span>
            <div class="name">
              产量报表
            </div>
            <div class="code-name">.ante--register
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--clocking"></span>
            <div class="name">
              项目
            </div>
            <div class="code-name">.ante--clocking
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--design"></span>
            <div class="name">
              流程
            </div>
            <div class="code-name">.ante--design
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--lose"></span>
            <div class="name">
              失效
            </div>
            <div class="code-name">.ante--lose
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-liucheng1"></span>
            <div class="name">
              流程
            </div>
            <div class="code-name">.ante-liucheng1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--day"></span>
            <div class="name">
              今日考勤
            </div>
            <div class="code-name">.ante--day
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--month"></span>
            <div class="name">
              本月考勤
            </div>
            <div class="code-name">.ante--month
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--cup"></span>
            <div class="name">
              内部竞聘
            </div>
            <div class="code-name">.ante--cup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-langue-1"></span>
            <div class="name">
              语言
            </div>
            <div class="code-name">.ante-langue-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--deploy1"></span>
            <div class="name">
              配置
            </div>
            <div class="code-name">.ante--deploy1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--portall"></span>
            <div class="name">
              oa
            </div>
            <div class="code-name">.ante--portall
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--look"></span>
            <div class="name">
              查看
            </div>
            <div class="code-name">.ante--look
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-right-1"></span>
            <div class="name">
              下  拉
            </div>
            <div class="code-name">.ante-right-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--storage"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.ante--storage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-tuichu1"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.ante-tuichu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--appraisal"></span>
            <div class="name">
              测评
            </div>
            <div class="code-name">.ante--appraisal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--seal"></span>
            <div class="name">
              封锁
            </div>
            <div class="code-name">.ante--seal
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-shrink-1"></span>
            <div class="name">
              收缩
            </div>
            <div class="code-name">.ante-shrink-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--forms"></span>
            <div class="name">
              单独表单设计_剪影
            </div>
            <div class="code-name">.ante--forms
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--oa"></span>
            <div class="name">
              OA
            </div>
            <div class="code-name">.ante--oa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-QR"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.ante-QR
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--code"></span>
            <div class="name">
              生成单号
            </div>
            <div class="code-name">.ante--code
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--label"></span>
            <div class="name">
              组织
            </div>
            <div class="code-name">.ante--label
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--issue1"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.ante--issue1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-language-1"></span>
            <div class="name">
              语言 (3) copy 10
            </div>
            <div class="code-name">.ante-language-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-close1-1"></span>
            <div class="name">
              关 闭
            </div>
            <div class="code-name">.ante-close1-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-tickling-2"></span>
            <div class="name">
              反馈
            </div>
            <div class="code-name">.ante-tickling-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-link-1"></span>
            <div class="name">
              链接
            </div>
            <div class="code-name">.ante-link-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--quit"></span>
            <div class="name">
              退宿
            </div>
            <div class="code-name">.ante--quit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--prog"></span>
            <div class="name">
              规划 icon
            </div>
            <div class="code-name">.ante--prog
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-gerenzhongxinwoderenwubiaozhuntoumianxing"></span>
            <div class="name">
              个人中心 我的  人物 标准头  面性 
            </div>
            <div class="code-name">.ante-gerenzhongxinwoderenwubiaozhuntoumianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--verify"></span>
            <div class="name">
              身份验证
            </div>
            <div class="code-name">.ante--verify
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-pull-down-1"></span>
            <div class="name">
              下  拉
            </div>
            <div class="code-name">.ante-pull-down-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--Issue"></span>
            <div class="name">
              审批
            </div>
            <div class="code-name">.ante--Issue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--import"></span>
            <div class="name">
              考勤数据导入
            </div>
            <div class="code-name">.ante--import
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--check"></span>
            <div class="name">
              后台_侧边导航_查询报表@2x
            </div>
            <div class="code-name">.ante--check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--Filter"></span>
            <div class="name">
              筛选
            </div>
            <div class="code-name">.ante--Filter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-password-1"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.ante-password-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--noapply"></span>
            <div class="name">
              icon-取消报名
            </div>
            <div class="code-name">.ante--noapply
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--exam"></span>
            <div class="name">
              考试设置
            </div>
            <div class="code-name">.ante--exam
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-up-1"></span>
            <div class="name">
              下  拉
            </div>
            <div class="code-name">.ante-up-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-left-1"></span>
            <div class="name">
              下  拉
            </div>
            <div class="code-name">.ante-left-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--row"></span>
            <div class="name">
              排班
            </div>
            <div class="code-name">.ante--row
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--terminate"></span>
            <div class="name">
              终止
            </div>
            <div class="code-name">.ante--terminate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--auto"></span>
            <div class="name">
              自动排班
            </div>
            <div class="code-name">.ante--auto
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-home-1"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.ante-home-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--Scheduling"></span>
            <div class="name">
              排班表
            </div>
            <div class="code-name">.ante--Scheduling
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-menu"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.ante-menu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--batch"></span>
            <div class="name">
              批量确认
            </div>
            <div class="code-name">.ante--batch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--leave"></span>
            <div class="name">
              请假
            </div>
            <div class="code-name">.ante--leave
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--carryout"></span>
            <div class="name">
              培训管理
            </div>
            <div class="code-name">.ante--carryout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--read"></span>
            <div class="name">
              读取数据
            </div>
            <div class="code-name">.ante--read
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--dorm"></span>
            <div class="name">
              项目
            </div>
            <div class="code-name">.ante--dorm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--count1"></span>
            <div class="name">
              计算
            </div>
            <div class="code-name">.ante--count1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--checkplan"></span>
            <div class="name">
              40绩效考核方案
            </div>
            <div class="code-name">.ante--checkplan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--result"></span>
            <div class="name">
              40组织绩效结果分析
            </div>
            <div class="code-name">.ante--result
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--dpiece"></span>
            <div class="name">
              40日计件工资
            </div>
            <div class="code-name">.ante--dpiece
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--mpiece"></span>
            <div class="name">
              40月计件工资
            </div>
            <div class="code-name">.ante--mpiece
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--data"></span>
            <div class="name">
              数据源
            </div>
            <div class="code-name">.ante--data
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--span"></span>
            <div class="name">
              生成
            </div>
            <div class="code-name">.ante--span
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--front"></span>
            <div class="name">
              前一天
            </div>
            <div class="code-name">.ante--front
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--later"></span>
            <div class="name">
              后一天
            </div>
            <div class="code-name">.ante--later
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--staff"></span>
            <div class="name">
              员工信息
            </div>
            <div class="code-name">.ante--staff
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--arrange"></span>
            <div class="name">
              人员
            </div>
            <div class="code-name">.ante--arrange
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--tissue"></span>
            <div class="name">
              组织管理
            </div>
            <div class="code-name">.ante--tissue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--ques"></span>
            <div class="name">
              问卷调查
            </div>
            <div class="code-name">.ante--ques
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-close-1"></span>
            <div class="name">
              关 闭
            </div>
            <div class="code-name">.ante-close-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--add"></span>
            <div class="name">
              新增
            </div>
            <div class="code-name">.ante--add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-menu1-1"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.ante-menu1-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-menu-1"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.ante-menu-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-seek-1"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.ante-seek-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-refresh-1"></span>
            <div class="name">
              获取
            </div>
            <div class="code-name">.ante-refresh-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--gain"></span>
            <div class="name">
              获取
            </div>
            <div class="code-name">.ante--gain
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--checka"></span>
            <div class="name">
              绩效核算
            </div>
            <div class="code-name">.ante--checka
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-set-1"></span>
            <div class="name">
              设 置
            </div>
            <div class="code-name">.ante-set-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--very"></span>
            <div class="name">
              当天可取
            </div>
            <div class="code-name">.ante--very
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-memo-1"></span>
            <div class="name">
              便签
            </div>
            <div class="code-name">.ante-memo-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-punch-1"></span>
            <div class="name">
              打卡记录
            </div>
            <div class="code-name">.ante-punch-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-i"></span>
            <div class="name">
              关于
            </div>
            <div class="code-name">.ante-i
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante--system"></span>
            <div class="name">
              bg-win
            </div>
            <div class="code-name">.ante--system
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-below-1"></span>
            <div class="name">
              下 拉
            </div>
            <div class="code-name">.ante-below-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-unfold-1"></span>
            <div class="name">
              收缩
            </div>
            <div class="code-name">.ante-unfold-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ante-ri-1"></span>
            <div class="name">
              下  拉
            </div>
            <div class="code-name">.ante-ri-1
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont ante-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-vertical1-1"></use>
                </svg>
                <div class="name">竖条</div>
                <div class="code-name">#ante-vertical1-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--staana"></use>
                </svg>
                <div class="name">分析报表</div>
                <div class="code-name">#ante--staana</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-flow-1"></use>
                </svg>
                <div class="name">流程</div>
                <div class="code-name">#ante-flow-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--color"></use>
                </svg>
                <div class="name">配色</div>
                <div class="code-name">#ante--color</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--Fill"></use>
                </svg>
                <div class="name">分析结果</div>
                <div class="code-name">#ante--Fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--notarize"></use>
                </svg>
                <div class="name">确认</div>
                <div class="code-name">#ante--notarize</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--quality"></use>
                </svg>
                <div class="name">质量</div>
                <div class="code-name">#ante--quality</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-menu-3"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#ante-menu-3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--alter"></use>
                </svg>
                <div class="name">补考勤</div>
                <div class="code-name">#ante--alter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-inform1-1"></use>
                </svg>
                <div class="name">通知</div>
                <div class="code-name">#ante-inform1-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--apply"></use>
                </svg>
                <div class="name">报名</div>
                <div class="code-name">#ante--apply</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--engage"></use>
                </svg>
                <div class="name">招聘管理</div>
                <div class="code-name">#ante--engage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-home"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#ante-home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--refer"></use>
                </svg>
                <div class="name">查薪资</div>
                <div class="code-name">#ante--refer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-menu-2"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#ante-menu-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--defaults"></use>
                </svg>
                <div class="name">配置</div>
                <div class="code-name">#ante--defaults</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--cancel"></use>
                </svg>
                <div class="name">取消</div>
                <div class="code-name">#ante--cancel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--picture"></use>
                </svg>
                <div class="name">照片 (3)</div>
                <div class="code-name">#ante--picture</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--perf"></use>
                </svg>
                <div class="name">绩效</div>
                <div class="code-name">#ante--perf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--devise"></use>
                </svg>
                <div class="name">定制</div>
                <div class="code-name">#ante--devise</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--Filter1"></use>
                </svg>
                <div class="name">筛选</div>
                <div class="code-name">#ante--Filter1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-inform-2"></use>
                </svg>
                <div class="name">通知</div>
                <div class="code-name">#ante-inform-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--salary"></use>
                </svg>
                <div class="name">薪资</div>
                <div class="code-name">#ante--salary</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--noIssue"></use>
                </svg>
                <div class="name">取消签发</div>
                <div class="code-name">#ante--noIssue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--analyze"></use>
                </svg>
                <div class="name">分析报表</div>
                <div class="code-name">#ante--analyze</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--kalendar"></use>
                </svg>
                <div class="name">日历管理</div>
                <div class="code-name">#ante--kalendar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--test"></use>
                </svg>
                <div class="name">检测</div>
                <div class="code-name">#ante--test</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--see"></use>
                </svg>
                <div class="name">属性查看</div>
                <div class="code-name">#ante--see</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--set"></use>
                </svg>
                <div class="name">系统设置</div>
                <div class="code-name">#ante--set</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--welfare"></use>
                </svg>
                <div class="name">福利</div>
                <div class="code-name">#ante--welfare</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-memo1-1"></use>
                </svg>
                <div class="name">便签gai</div>
                <div class="code-name">#ante-memo1-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-folder"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#ante-folder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--end"></use>
                </svg>
                <div class="name">结束</div>
                <div class="code-name">#ante--end</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--flow"></use>
                </svg>
                <div class="name">流程</div>
                <div class="code-name">#ante--flow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-feedback-1"></use>
                </svg>
                <div class="name">反馈</div>
                <div class="code-name">#ante-feedback-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--origin"></use>
                </svg>
                <div class="name">数据报表，数据统计</div>
                <div class="code-name">#ante--origin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--map"></use>
                </svg>
                <div class="name">组织管理</div>
                <div class="code-name">#ante--map</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--clerk"></use>
                </svg>
                <div class="name">职员管理</div>
                <div class="code-name">#ante--clerk</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-top-1"></use>
                </svg>
                <div class="name">下 拉</div>
                <div class="code-name">#ante-top-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--download"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#ante--download</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--allot"></use>
                </svg>
                <div class="name">分配</div>
                <div class="code-name">#ante--allot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--project"></use>
                </svg>
                <div class="name">项目</div>
                <div class="code-name">#ante--project</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-down"></use>
                </svg>
                <div class="name">直角三角形</div>
                <div class="code-name">#ante-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--interview"></use>
                </svg>
                <div class="name">面试</div>
                <div class="code-name">#ante--interview</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-inform-1"></use>
                </svg>
                <div class="name">通知</div>
                <div class="code-name">#ante-inform-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--manage"></use>
                </svg>
                <div class="name">培训计划</div>
                <div class="code-name">#ante--manage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--valid"></use>
                </svg>
                <div class="name">有效</div>
                <div class="code-name">#ante--valid</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--analyzes"></use>
                </svg>
                <div class="name">分析</div>
                <div class="code-name">#ante--analyzes</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--Into"></use>
                </svg>
                <div class="name">转入</div>
                <div class="code-name">#ante--Into</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--else"></use>
                </svg>
                <div class="name">其他</div>
                <div class="code-name">#ante--else</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-vertical-1"></use>
                </svg>
                <div class="name">竖条</div>
                <div class="code-name">#ante-vertical-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--change"></use>
                </svg>
                <div class="name">07高管变动</div>
                <div class="code-name">#ante--change</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--deploy"></use>
                </svg>
                <div class="name">用户设置</div>
                <div class="code-name">#ante--deploy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--code1"></use>
                </svg>
                <div class="name">K生成编码</div>
                <div class="code-name">#ante--code1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--report"></use>
                </svg>
                <div class="name">定制报表</div>
                <div class="code-name">#ante--report</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--alter1"></use>
                </svg>
                <div class="name">重新</div>
                <div class="code-name">#ante--alter1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--mtc"></use>
                </svg>
                <div class="name">刷卡管理</div>
                <div class="code-name">#ante--mtc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--annul"></use>
                </svg>
                <div class="name">销假</div>
                <div class="code-name">#ante--annul</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--affair"></use>
                </svg>
                <div class="name">项目</div>
                <div class="code-name">#ante--affair</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--att"></use>
                </svg>
                <div class="name">考勤管理</div>
                <div class="code-name">#ante--att</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--projecta"></use>
                </svg>
                <div class="name">招聘计划</div>
                <div class="code-name">#ante--projecta</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--picasa"></use>
                </svg>
                <div class="name">照片</div>
                <div class="code-name">#ante--picasa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--perman"></use>
                </svg>
                <div class="name">人事管理</div>
                <div class="code-name">#ante--perman</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--plan"></use>
                </svg>
                <div class="name">培训计划</div>
                <div class="code-name">#ante--plan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--manual"></use>
                </svg>
                <div class="name">手动</div>
                <div class="code-name">#ante--manual</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--start"></use>
                </svg>
                <div class="name">开始</div>
                <div class="code-name">#ante--start</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--history"></use>
                </svg>
                <div class="name">历史查询</div>
                <div class="code-name">#ante--history</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--pm"></use>
                </svg>
                <div class="name">报表</div>
                <div class="code-name">#ante--pm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--delete"></use>
                </svg>
                <div class="name">删 除</div>
                <div class="code-name">#ante--delete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-document"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#ante-document</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--tree"></use>
                </svg>
                <div class="name">组织结构树</div>
                <div class="code-name">#ante--tree</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--stats"></use>
                </svg>
                <div class="name">报表统计</div>
                <div class="code-name">#ante--stats</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--count"></use>
                </svg>
                <div class="name">薪资计算</div>
                <div class="code-name">#ante--count</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--rate"></use>
                </svg>
                <div class="name">计件工资</div>
                <div class="code-name">#ante--rate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--pool"></use>
                </svg>
                <div class="name">人才库</div>
                <div class="code-name">#ante--pool</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--dispose"></use>
                </svg>
                <div class="name">处理</div>
                <div class="code-name">#ante--dispose</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--chart"></use>
                </svg>
                <div class="name">表</div>
                <div class="code-name">#ante--chart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--register"></use>
                </svg>
                <div class="name">产量报表</div>
                <div class="code-name">#ante--register</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--clocking"></use>
                </svg>
                <div class="name">项目</div>
                <div class="code-name">#ante--clocking</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--design"></use>
                </svg>
                <div class="name">流程</div>
                <div class="code-name">#ante--design</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--lose"></use>
                </svg>
                <div class="name">失效</div>
                <div class="code-name">#ante--lose</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-liucheng1"></use>
                </svg>
                <div class="name">流程</div>
                <div class="code-name">#ante-liucheng1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--day"></use>
                </svg>
                <div class="name">今日考勤</div>
                <div class="code-name">#ante--day</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--month"></use>
                </svg>
                <div class="name">本月考勤</div>
                <div class="code-name">#ante--month</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--cup"></use>
                </svg>
                <div class="name">内部竞聘</div>
                <div class="code-name">#ante--cup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-langue-1"></use>
                </svg>
                <div class="name">语言</div>
                <div class="code-name">#ante-langue-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--deploy1"></use>
                </svg>
                <div class="name">配置</div>
                <div class="code-name">#ante--deploy1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--portall"></use>
                </svg>
                <div class="name">oa</div>
                <div class="code-name">#ante--portall</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--look"></use>
                </svg>
                <div class="name">查看</div>
                <div class="code-name">#ante--look</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-right-1"></use>
                </svg>
                <div class="name">下  拉</div>
                <div class="code-name">#ante-right-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--storage"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#ante--storage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-tuichu1"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#ante-tuichu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--appraisal"></use>
                </svg>
                <div class="name">测评</div>
                <div class="code-name">#ante--appraisal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--seal"></use>
                </svg>
                <div class="name">封锁</div>
                <div class="code-name">#ante--seal</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-shrink-1"></use>
                </svg>
                <div class="name">收缩</div>
                <div class="code-name">#ante-shrink-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--forms"></use>
                </svg>
                <div class="name">单独表单设计_剪影</div>
                <div class="code-name">#ante--forms</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--oa"></use>
                </svg>
                <div class="name">OA</div>
                <div class="code-name">#ante--oa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-QR"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#ante-QR</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--code"></use>
                </svg>
                <div class="name">生成单号</div>
                <div class="code-name">#ante--code</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--label"></use>
                </svg>
                <div class="name">组织</div>
                <div class="code-name">#ante--label</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--issue1"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#ante--issue1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-language-1"></use>
                </svg>
                <div class="name">语言 (3) copy 10</div>
                <div class="code-name">#ante-language-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-close1-1"></use>
                </svg>
                <div class="name">关 闭</div>
                <div class="code-name">#ante-close1-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-tickling-2"></use>
                </svg>
                <div class="name">反馈</div>
                <div class="code-name">#ante-tickling-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-link-1"></use>
                </svg>
                <div class="name">链接</div>
                <div class="code-name">#ante-link-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--quit"></use>
                </svg>
                <div class="name">退宿</div>
                <div class="code-name">#ante--quit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--prog"></use>
                </svg>
                <div class="name">规划 icon</div>
                <div class="code-name">#ante--prog</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-gerenzhongxinwoderenwubiaozhuntoumianxing"></use>
                </svg>
                <div class="name">个人中心 我的  人物 标准头  面性 </div>
                <div class="code-name">#ante-gerenzhongxinwoderenwubiaozhuntoumianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--verify"></use>
                </svg>
                <div class="name">身份验证</div>
                <div class="code-name">#ante--verify</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-pull-down-1"></use>
                </svg>
                <div class="name">下  拉</div>
                <div class="code-name">#ante-pull-down-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--Issue"></use>
                </svg>
                <div class="name">审批</div>
                <div class="code-name">#ante--Issue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--import"></use>
                </svg>
                <div class="name">考勤数据导入</div>
                <div class="code-name">#ante--import</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--check"></use>
                </svg>
                <div class="name">后台_侧边导航_查询报表@2x</div>
                <div class="code-name">#ante--check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--Filter"></use>
                </svg>
                <div class="name">筛选</div>
                <div class="code-name">#ante--Filter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-password-1"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#ante-password-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--noapply"></use>
                </svg>
                <div class="name">icon-取消报名</div>
                <div class="code-name">#ante--noapply</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--exam"></use>
                </svg>
                <div class="name">考试设置</div>
                <div class="code-name">#ante--exam</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-up-1"></use>
                </svg>
                <div class="name">下  拉</div>
                <div class="code-name">#ante-up-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-left-1"></use>
                </svg>
                <div class="name">下  拉</div>
                <div class="code-name">#ante-left-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--row"></use>
                </svg>
                <div class="name">排班</div>
                <div class="code-name">#ante--row</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--terminate"></use>
                </svg>
                <div class="name">终止</div>
                <div class="code-name">#ante--terminate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--auto"></use>
                </svg>
                <div class="name">自动排班</div>
                <div class="code-name">#ante--auto</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-home-1"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#ante-home-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--Scheduling"></use>
                </svg>
                <div class="name">排班表</div>
                <div class="code-name">#ante--Scheduling</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-menu"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#ante-menu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--batch"></use>
                </svg>
                <div class="name">批量确认</div>
                <div class="code-name">#ante--batch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--leave"></use>
                </svg>
                <div class="name">请假</div>
                <div class="code-name">#ante--leave</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--carryout"></use>
                </svg>
                <div class="name">培训管理</div>
                <div class="code-name">#ante--carryout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--read"></use>
                </svg>
                <div class="name">读取数据</div>
                <div class="code-name">#ante--read</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--dorm"></use>
                </svg>
                <div class="name">项目</div>
                <div class="code-name">#ante--dorm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--count1"></use>
                </svg>
                <div class="name">计算</div>
                <div class="code-name">#ante--count1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--checkplan"></use>
                </svg>
                <div class="name">40绩效考核方案</div>
                <div class="code-name">#ante--checkplan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--result"></use>
                </svg>
                <div class="name">40组织绩效结果分析</div>
                <div class="code-name">#ante--result</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--dpiece"></use>
                </svg>
                <div class="name">40日计件工资</div>
                <div class="code-name">#ante--dpiece</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--mpiece"></use>
                </svg>
                <div class="name">40月计件工资</div>
                <div class="code-name">#ante--mpiece</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--data"></use>
                </svg>
                <div class="name">数据源</div>
                <div class="code-name">#ante--data</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--span"></use>
                </svg>
                <div class="name">生成</div>
                <div class="code-name">#ante--span</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--front"></use>
                </svg>
                <div class="name">前一天</div>
                <div class="code-name">#ante--front</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--later"></use>
                </svg>
                <div class="name">后一天</div>
                <div class="code-name">#ante--later</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--staff"></use>
                </svg>
                <div class="name">员工信息</div>
                <div class="code-name">#ante--staff</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--arrange"></use>
                </svg>
                <div class="name">人员</div>
                <div class="code-name">#ante--arrange</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--tissue"></use>
                </svg>
                <div class="name">组织管理</div>
                <div class="code-name">#ante--tissue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--ques"></use>
                </svg>
                <div class="name">问卷调查</div>
                <div class="code-name">#ante--ques</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-close-1"></use>
                </svg>
                <div class="name">关 闭</div>
                <div class="code-name">#ante-close-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--add"></use>
                </svg>
                <div class="name">新增</div>
                <div class="code-name">#ante--add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-menu1-1"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#ante-menu1-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-menu-1"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#ante-menu-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-seek-1"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#ante-seek-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-refresh-1"></use>
                </svg>
                <div class="name">获取</div>
                <div class="code-name">#ante-refresh-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--gain"></use>
                </svg>
                <div class="name">获取</div>
                <div class="code-name">#ante--gain</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--checka"></use>
                </svg>
                <div class="name">绩效核算</div>
                <div class="code-name">#ante--checka</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-set-1"></use>
                </svg>
                <div class="name">设 置</div>
                <div class="code-name">#ante-set-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--very"></use>
                </svg>
                <div class="name">当天可取</div>
                <div class="code-name">#ante--very</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-memo-1"></use>
                </svg>
                <div class="name">便签</div>
                <div class="code-name">#ante-memo-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-punch-1"></use>
                </svg>
                <div class="name">打卡记录</div>
                <div class="code-name">#ante-punch-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-i"></use>
                </svg>
                <div class="name">关于</div>
                <div class="code-name">#ante-i</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante--system"></use>
                </svg>
                <div class="name">bg-win</div>
                <div class="code-name">#ante--system</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-below-1"></use>
                </svg>
                <div class="name">下 拉</div>
                <div class="code-name">#ante-below-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-unfold-1"></use>
                </svg>
                <div class="name">收缩</div>
                <div class="code-name">#ante-unfold-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ante-ri-1"></use>
                </svg>
                <div class="name">下  拉</div>
                <div class="code-name">#ante-ri-1</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
